

{{$this->Html->css(array('/assets/rs-plugin/css/settings.css'))}}

<div id="fullwidthbanner-container" class="fullwidthbanner-container" style="padding-bottom: 20px;">
        <div class="fullwidthbanner">
            <ul>
                <!-- THE 1ST SLIDE -->
                <li data-transition="random" data-slotamount="10" data-masterspeed="500">
                    <img src="/img/slides/slide (1).jpg" alt="Slide Image">
                    <div class="tp-caption large_black_text sft stt"
                        data-x="105"
                        data-y="65"
                        data-speed="500"
                        data-start="1000"
                        data-easing="easeOutExpo" style="font-size: 25px;">兼容移动设备</div>
                    <div class="tp-caption very_large_black_text lft ltt"
                        data-x="105"
                        data-y="100"
                        data-speed="500"
                        data-start="1200"
                        data-easing="easeOutExpo" style="font-size: 50px;">超级适配</div>
                    <div class="tp-caption theme_caption3 sfl stl"
                        data-x="105"
                        data-y="180"
                        data-speed="500"
                        data-start="1400"
                        data-easing="easeOutExpo" style="font-family: 'Montserrat', sans-serif; color: #34495e;">一个网站同时兼容电脑、平板、手机访问。不需要进行多次开发。
                    </div>
                    <a href="#" class="caption btn btn-flat flat-inverse btn-bordered sfb stb" 
                        data-x="105"
                        data-y="275"
                        data-speed="500" 
                        data-start="1600"
                        data-easing="easeOutExpo">了解更多</a>
                    
                    <div class="caption lfr ltr"
                        data-x="540"
                        data-y="0"
                        data-speed="1000"
                        data-start="2000"
                        data-easing="easeOutExpo"><img src="/img/slides/browser-screen.png" alt="Slide Image"></div>
                    <div class="caption lfr ltr"
                        data-x="540"
                        data-y="0"
                        data-speed="1000"
                        data-start="2200"
                        data-easing="easeOutExpo"><img src="/img/slides/ipad.png" alt="Slide Image"></div>
                    <div class="caption lfr ltr"
                        data-x="540"
                        data-y="0"
                        data-speed="1000"
                        data-start="2400"
                        data-easing="easeOutExpo"><img src="/img/slides/iphone.png" alt="Slide Image"></div>
                </li>
                <!-- THE 2ND SLIDE -->
                <li data-transition="random" data-slotamount="10" data-masterspeed="500">
                    <img src="/img/slides/slide (2).jpg" alt="Slide Image">
                    <div class="tp-caption large_black_text sft stt"
                        data-x="105"
                        data-y="65"
                        data-speed="500"
                        data-start="1000"
                        data-easing="easeOutExpo" style="font-size: 25px; color: #fff;">支持视频播放</div>
                    
                    <div class="tp-caption theme_caption3 sfl stl"
                        data-x="105"
                        data-y="180"
                        data-speed="500"
                        data-start="1400"
                        data-easing="easeOutExpo" style="font-family: 'Montserrat', sans-serif; color: #fff;">
                        在视频网站中，点击分享给好友<br>
                        获取iframe版本的通用分享代码，插入模板中即可.
                    </div>
                    <a href="#" class="caption btn btn-flat flat-default btn-bordered sfb stb" 
                        data-x="105"
                        data-y="275"
                        data-speed="500" 
                        data-start="1600"
                        data-easing="easeOutExpo">了解更多</a>
                    <div class="caption boxshadow lfr ltr"
                        data-x="680" 
                        data-y="20" 
                        data-speed="1000"
                        data-start="2000" 
                        data-easing="easeOutBack"><iframe src="http://www.tudou.com/programs/view/html5embed.action?type=0&code=0rPwqCOMA68&lcode=&resourceId=0_06_05_99" allowtransparency="true" scrolling="no" border="0" frameborder="0" style="width:480px;height:350px;"></iframe></div>
                </li>
                <!-- THE 3RD SLIDE -->
                <li data-transition="random" data-slotamount="10" data-masterspeed="500">
                    <img src="/img/slides/slide (3).jpg" alt="Slide Image">
                    <div class="tp-caption large_black_text sft stt"
                        data-x="105"
                        data-y="65"
                        data-speed="500"
                        data-start="1000"
                        data-easing="easeOutExpo" style="font-size: 25px;">扁平化，易配置易使用</div>
                    <div class="tp-caption very_large_black_text lft ltt"
                        data-x="105"
                        data-y="100"
                        data-speed="500"
                        data-start="1200"
                        data-easing="easeOutExpo" style="font-size: 50px;">容易个性化定制</div>
                    <div class="tp-caption theme_caption3 sfl stl"
                        data-x="105"
                        data-y="180"
                        data-speed="500"
                        data-start="1400"
                        data-easing="easeOutExpo" style="font-family: 'Montserrat', sans-serif; color: #34495e;">
                        支持模板管理，风格管理，轻松切换模板，更换模板样式.
                    </div>
                    <a href="#" class="caption btn btn-flat flat-inverse btn-bordered sfb stb" 
                        data-x="105"
                        data-y="275"
                        data-speed="500" 
                        data-start="1600"
                        data-easing="easeOutExpo">了解更多</a>
                    
                    <div class="caption lfr ltr"
                        data-x="725"
                        data-y="0"
                        data-speed="1000"
                        data-start="2000"
                        data-easing="easeOutExpo"><img src="/img/slides/imac.png" alt="Slide Image"></div>
                </li>
            </ul>
            <div class="tp-bannertimer tp-bottom"></div>
        </div>
        <!-- /.fullwidthbanner -->
</div>
<!-- /#fullwidthbanner-container -->
{{$this->Html->script(array(
            '/assets/rs-plugin/js/jquery.themepunch.revolution.min.js',
        ));
}}
<script type="text/javascript">
jQuery(document).ready(function () {
                // Revolution Slider
    if (jQuery.fn.cssOriginal != undefined)
        jQuery.fn.css = jQuery.fn.cssOriginal;

    jQuery('.fullwidthbanner').revolution({
        delay: 9000,
        startwidth: 1200,
        startheight: 400,

        onHoverStop: "on",

        thumbWidth: 100,
        thumbHeight: 50,
        thumbAmount: 3,

        hideThumbs: 0,

        navigationType: "none",
        navigationArrows: "solo",
        navigationStyle: "round",
        navigationHAlign: "left",
        navigationVAlign: "bottom",
        navigationHOffset: 30,
        navigationVOffset: 30,

        soloArrowLeftHalign: "left",
        soloArrowLeftValign: "center",
        soloArrowLeftHOffset: 0,
        soloArrowLeftVOffset: 0,

        soloArrowRightHalign: "right",
        soloArrowRightValign: "center",
        soloArrowRightHOffset: 0,
        soloArrowRightVOffset: 0,

        stopAtSlide: -1,
        stopAfterLoops: -1,
        hideCaptionAtLimit: 0,
        hideAllCaptionAtLilmit: 0,
        hideSliderAtLimit: 0,

        fullWidth: "on",
        fullScreen: "off",
        fullScreenOffsetContainer: "#topheader-to-offset",

        shadow: 0
    });
});
</script>